
/* 背景插入的图片居中？？？ */
/* #header .header-top .h_t_left ul{
    width: 192px;
} */
// 活动页
#active{
    width: 100%;background: #001554;height: 80px;
}
.active_c{
    width: 1190px;height: 80px;margin: 0 auto;
}
.swiper-wrapper{
    width: 1343px;height: 377px;margin: 0 auto;
}
.swiper-wrapper img{
    width: 100%; height: 100%
}
.swiper-container .next,.swiper-container .prev{
    width: 40px;height: 64px;background: white;
}
.swiper-container .prev{
    background: url(../images/icon.png) no-repeat -46px -89px;
}
.swiper-container .next{
    background: url(../images/icon.png) no-repeat -89px 0px;
}
.swp1{
    width: 1343px;height: 87px;padding-top: 20px;
    background: #F2F2F2;
}
/* 居中不了？？？？*/
.swiper-pagination{
    margin:0 auto;
}
.swiper-pagination-bullet{
    margin: 0 4px;background: #919191;
}
/* .swiper-pagination-bullet-active{
    background: #000;
} */
/* 明星产品部分 */
#product{
  width: 1280px;height: 708px;margin-top: 107px;
  /* margin: 0 auto; */
    padding: 60px 15px 0 15px;
    
}
.p_t{
    width: 1280px;height: 19px;color: #000;font-weight: 700;
    text-align: center;font-size: 16px;margin: 10px auto;
}
 .p_h{
    font-size: 26px;margin-bottom: 30px;font-weight: 700;color: #000;
    text-align: center;height: 26px;letter-spacing:6px;line-height: 26px;
}
#product .product_nav{
    width: 1280px;
}
#p_n_t{
    width: 850px;height: 25px;margin: 0 auto;border-bottom: 1px solid #e5e5e5;
    margin-bottom: 45px;
}
#p_n_t ul{
    margin: 0 auto;width: 400px;height: 25px;
}
#p_n_t ul>li {
    float: left;padding: 0 30px;line-height: 25px;cursor: pointer;
}
#p_n_t ul li{
   color: #a6a6a6;letter-spacing:2px;
}
.act{
    border-bottom: 1px solid #000;
}
.actionli{
    position: relative;color: #000;
}
#xsj{
    width:0; height:0;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width:8px;
    position: absolute;
    left: 42%;z-index: 999;
    bottom: -16px;
    border-style:solid dashed dashed dashed;/*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
    border-color:#000 transparent transparent transparent ;
    transition:  all 1s;
}

#product .product_nav .p_n_b{
    width: 1280px;height: 482px;
}

#product .product_nav .p_n_b img{
    width: 486px;height: 468px;display: block;float: left;
}
#product .product_nav .p_n_b .swiper2{
    width: 763px;height: 482px;float: left;
    padding-left: 30px;
}
.swiper2 .b_next ,.swiper2 .b_prev{
    background:#fff;width: 22px;height: 62px;
}
.swiper2 .b_next{
    background: url(../images/q1.svg) no-repeat 0 10px;
    background-size: 15px 28px;right: -5px;top: 30%;
}
.swiper2 .b_prev{
    background: url(../images/q2.svg) no-repeat 0 10px;
    background-size: 15px 28px;top: 30%;
}

/* 第二个swiper中的内容部分 */
.p_n_b_s{
    width: 234px;height: 441px;
    text-align: center;float: left;margin-right: 20px;
}
.p_n_b_s>p{
  width: 234px;height: 260px;background: url(../images/a2.jpg) no-repeat;
}
.p_n_b_s .color{
    width: 190px;height: 30px;padding: 10px 22px 30px 22px;
}
.p_n_b_s h3{
    height: 40px;
}
.p_n_b_s h3 a{
    font-weight: 700;font-size: 14px;
}

.p_n_b_s>.p_div{
    width: 234px;height: 20px;margin-bottom: 15px;
}
.p_n_b_s .p_button{
    position: relative;
}
.p_n_b_s .p1{
    width: 62px;height: 10px; margin-right: 20px; float: left;
    background: url(../images/icon.png) no-repeat -181px -159px;
    margin-left: 35px;
}
.p_n_b_s .p2{
    width: 1px;height: 25px;float: left;background: #dadada;
    position: absolute;top: -5px;left: 116px;
}
.p_n_b_s .p3{
    float: left;font-size: 12px;padding-left: 20px;
}
.p_n_b_s>.color>div{
    width: 28px;height: 28px;float: left;text-align: center;line-height: 20px;
}
.color1{
    border: 1px solid #e6e6e6;
}
.p_n_b_s>.color>div>img{
    display: block;width: 20px;height: 20px;
}
#find{
    width: 1343px;height: 595px;background: #f2f2f2;padding: 80px 0;
}
#find .f_content{
    width: 1300px;height: 505px;margin: 0 auto;
}
#find .f_content ul{
    width: 1300px;height: 505px;
}
#find .f_content ul li{
    width: 305px;height: 505px;margin: 0 10px;
    float: left;background: #fff;
}
#find .f_content ul li .f_button{
    width: 225px;height: 160px;padding: 40px;
}
#find .f_content .f_b_p1{
    height: 24px;margin-bottom: 20px;
}
.f_b_p1 a{
    font-weight: 700;font-size: 20px;line-height: 24px;
}
.f_b_p2{
    height: 40px;color: #999;
}
.f_b_p3{
    height: 16px;margin-top: 60px;
}
.f_b_p3 a{
   text-decoration: underline;
}
// 大广告图
#bigtu{
    width: 1343px;height: 604px;margin: 0 auto;cursor: pointer;
}
#bigtu>img{
    width: 100%;height: 100%;
}
#customize{
    width: 1313px;height: 532px;padding: 75px 15px 0 15px;
    background: #f2f2f2;
}
#customize .customize_c{
    width: 1280px;height: 397px;padding-bottom: 40px;
    margin: 0 auto;
    // background: yellow;
}
#customize .c_c_small {
    width: 630px;height: 397px;float: left;background: #fff;
}
#customize .c_c_small>img{
    display: block;float: left;width:315px;height: 397px;
}
#customize .c_c_small .c_c_s_r{
    width: 235px;height: 184px;background: #fff;padding: 100px 40px;
    float: left;
}
#customize .c_r_title{
    height: 48px;font-size: 20px;margin-bottom: 20px;font-weight: 700;
    
}
#customize .c_r_a{
    height: 16px;margin-top: 60px;text-decoration: underline;
}
#customize .c_small_r{
    float: right;
}
// 彩妆灵感
#inspiration{
    width: 1313px;height: 725px;padding: 75px 15px 0;background: #f2f2f2;
}
#inspiration>.i_content{
    width: 1280px;height: 630px;margin: 0 auto;
}
#inspiration>.i_content>ul{
    width: 1280px;height: 630px;
}
#inspiration>.i_content>ul>li{
    width: 413px;height: 630px;margin-right: 20px;float: left;
    
}
// 有一个写margin 很好的方法是什么?????
#inspiration>.i_content>ul>.i_content_lu{
    margin: 0;
}
#inspiration .i_content_c{
    width: 313px;height: 135px;padding: 40px 50px;
}
#inspiration .i_content_cp{
    height: 16px;margin-bottom: 15px;letter-spacing: 6px;
}
#inspiration .i_content_cp2{
    height: 25px;margin-bottom: 15px;
}
c>a{
    font-size: 20px;
}
// 多行文本溢出隐藏
#inspiration .i_content_cp3{
    color: #a7a7a7;margin-bottom: 28px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#inspiration .i_content_cp4{
    height: 16px;
}
#inspiration .i_content_cp4>a{
    text-decoration: underline;
}
#inspiration .i_content_cp:hover>a{
    text-decoration: underline;
}
#inspiration .i_content_cp2:hover>a{
    text-decoration: underline;
}
//视频中心
// 图片找不到要重新加载下npm start
#video{
    width: 1313px;height: 559px;padding: 75px 15px 100px;
    clear: both;
}
#video .video_c{
    width: 1280px;height: 469px;background: #fff;margin: 0 auto;
    position: relative;
}
#video .video_c>img{
    width: 780px;height: 440px;display: block;float: left;
}
#video .video_c>.v_a{
   display:block;width: 83px;height: 83px;position: absolute;
   top: 200px;left:370px;z-index: 99; cursor: pointer;
   background: url(../images/icon.png) no-repeat;
}
#video .video_c .v_c_right{
    padding: 65px 55px 30px 55px ;width:389px;height: 374px;float: left;
}
#video .v_c_p1{
    margin-bottom: 20px;font-size: 24px;line-height: 30px;
}
#video .v_c_p2{
    font-size: 12px;color: #bfbfbf;height: 40px; margin-bottom: 30px;
}
#video .v_c_p3{
    height: 16px;margin-bottom: 50px;
}
#video .v_c_p4{
    height: 28px;margin-bottom: 15px;font-size: 24px;
}
#video .v_c_right>a{
    text-decoration: underline;font-size: 12px;display: block;float: left;
    width: 129px;
}
#video .v_c_p5{
    font-size: 12px;clear: both;padding-top: 25px;
}
#video .v_c_p5 a{
    color: #bfbfbf;
}
// 小黑条-----可以减少用div,增加margin   padding
#foot_top{
    width: 1343px;height: 111px;padding: 40px 0;background: #000;
}
#foot_top ul{
    width: 1284px;height: 111px;margin: 0 auto;
}
#foot_top ul li{
    width: 320px;height: 91px;padding: 10px 0;float: left;
    border-right: 1px solid #575757;
}
#foot_top ul li .f_t_tb{
    width: 319px;height: 36px;
}
#foot_top ul li .f_t_tb .f_t_t_b{
    width: 25px;height: 36px;margin: 0 auto;
    background: url(../images/icon.png) no-repeat -262px -32px;
}
#foot_top .f_t_t_but{
    height: 40px;margin-top: 15px;color: #fff;text-align: center;

}
.f_t_li{
    border-right:none;
}
#foot_top ul li .f_t_tb .f_t_t_b1{
    width: 54px;height: 32px; background-position: -181px -115px;
}
#foot_top ul li .f_t_tb .f_t_t_b2{
    width: 42px;height: 30px;  background-position: 0 -208px;
}
#foot_top ul li .f_t_tb .f_t_t_b3{
    width: 20px;height: 36px;  background-position: -305px 0;
}
// 底部导航foot-nav
#boot_nav{
    width: 1148px;height: 252px;padding: 34px 66px;margin: 0 auto;
}
.b_n_small{
    width: 229px;float: left;
}
.b_n_small ul{
    width: 229px;
}
.b_n_small ul li{
    width: 229px;height: 16px;margin-bottom: 15px;
} 
.b_n_small ul li a{
    color: #999;
}
.b_n_small ul li a:hover{
    text-decoration: underline;
}
.b_n_small .b_n_header{
    color: #000;
}
.b_n_t{
    height: 16px;margin-bottom: 10px;
}
.b_n_input{
    width: 188px;height: 38px;padding-right: 40px;
    position: relative;
}
.b_n_input input{
    border: 1px solid #dadada;width: 149px;padding: 5px 30px 5px 9px;
    height: 26px;
}
.b_n_input a{
    position: absolute;display: block;width: 28px;height: 38px;padding: 0 5px;
    background: #000;color: #fff;line-height: 38px;text-align: center;
    top: 0px;right: 0;
}
.b_n_contact{
    width: 230px;height: 134px;margin-top: 36px;
}
.b_n_p1{
    height: 16px;margin-bottom: 15px
}
.b_n_contact ul{
    height: 35px;
}
.b_n_contact ul li{
    float: left;width: 24px;height: 20px;padding-right: 20px;
}
.b_n_contact ul li>a{
    width: 24px;height: 20px;display: block;background: pink;
}

.b_n_contact ul li .b_n_li1{
    background: url(../images/icon.png) no-repeat -331px -185px;
}
.b_n_contact ul li .b_n_li2{
    background: url(../images/icon.png) no-repeat -120px -279px;
}
.b_n_a{
    margin: 18px 0;
}
#boot_logo{
    width: 1343px;height: 78px;margin: 12px 0 46px 0;
}
#boot_logo img{
    display: block;margin: 0 auto;width: 436px;height: 78px;
}
#foot_buttom{
    width: 1263px;height: 61px;padding: 36px 40px 48px 40px;background: #f2f2f2;
    text-align: center;
}
.f_b_ul_t{
    width: 700px;height: 16px;margin: 0 auto 15px;text-align: center;
    
}
// 对 
.f_b_ul_t li{
    margin: 0 10px;float: left;vertical-align: middle;
}
.f_b_ul_t li span{
    font-size: 12px;
}
.f_b_ul_t li span:hover{
    text-decoration: underline;
}
.f_b_ul_t_li1{
   display: inline-block;margin-right: 7px;
    background: url(../images/icon.png) no-repeat ;
    width: 17px;height: 17px;background-position: -305px -168px;
}
// 背景图与文字对齐不了？？？？？
.f_b_ul_t_li2{
    display: inline-block;margin-right: 7px;
    background: url(../images/icon.png) no-repeat ;
    width: 18px;height: 20px; background-position: -305px -118px;
}
// 让子元素的宽来撑开父元素有宽，display: inline-block;但只能有一个
.f_b_ul_b{
    height:14px;margin:0 auto 14px; display: inline-block;
}
.f_b_ul_b li{
    float: left;margin: 0 20px;
}
.f_b_ul_b li a{
   font-size: 12px;border-bottom: 1px solid #000;
}


